<template>
  <div id="app">
    <a-config-provider :locale="zh_CN">
        <!-- 教职工会员中心页面   -->
      <template v-if="$route.meta.isLogin">
          <router-view/>
      </template>
        <template v-else-if="$route.meta.showNav">
          <main-content class="margin-top"></main-content>
        </template>
        <!-- 平台门户页面   -->
        <template v-else>
          <a-layout>
            <!--  首页头部    -->
            <a-layout-header>
              <index-header></index-header>
            </a-layout-header>
            <router-view/>
            <!--  页脚    -->
            <a-layout-footer>
              <index-footer></index-footer>
            </a-layout-footer>
          </a-layout>
<!--          <index></index>-->
          <!-- <Video></Video> 视频页面-->
        </template>
<!--        导航栏  -->
<!--      <navigation v-if="!$route.meta.showNav"></navigation>-->
<!--        页面内容  -->
<!--      <router-view/>-->
    </a-config-provider>
  </div>
</template>

<script>
import MainContent from "./components/MainContent";
import IndexHeader from "./components/IndexHeader";
import IndexFooter from "./components/IndexFooter";
// import Index from "./views/Index";

// import Navigation from "./components/Navigation";
// 国际化
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';

moment.locale('zh-cn');

export default {
  name: 'App',
  data(){
    return{
      zh_CN,
    }
  },
  components: {
    MainContent,
    IndexFooter,
    IndexHeader,
  },
}
</script>

<style lang="less" scoped>
#app {
  color: #1bcbb4;
  height: 100%;
  &::v-deep {
    .ant-layout-header {
      background-color: #fff;
      padding: 0px;
    }
    .ant-layout-footer {
      background-color: #5dd5c8;
    }
  }
}
</style>
